<script setup lang="ts">
import { getCurrentPages } from "@tarojs/taro";

const pages = getCurrentPages();
console.log("pages", pages);
</script>

<template>
  <view class="flex">
    <view class="relative flex-none text-center w-[25%] h-[90px]">
      <image src="./bg.svg" class="absolute w-full h-full top-0 left-0" />

      <view class="relative z-10 text-center">
        <view
          class="flex-center mx-auto w-[70px] h-[70px] rounded-full bg-white -mt-[36px]"
        >
          🐰
        </view>
        <view class="w-full mt-1.5">首页</view>
      </view>
    </view>
    <view class="flex-none w-[25%] h-[90px] bg-[#FFF5F3]">
      <view class="relative z-10 text-center">
        <view class="inline-flex items-center justify-center w-[70px]">
          图标
        </view>
        <view class="w-full mt-1">首页</view>
      </view>
    </view>
    <view class="flex-none w-[25%] h-[90px] bg-[#FFF5F3]"></view>
    <view class="flex-none w-[25%] h-[90px] bg-[#FFF5F3]"> </view>
    <view class="flex-none w-[25%] h-[90px] bg-[#FFF5F3]"> </view>
  </view>
</template>
